function main() {
    // ol.album-list: 找到 class 属性是 album-list 的 ol 标签
    var olElement = document.querySelector("body")

    header()
   var i = 1

    function onResult(result) {
        var MyjobList = result.data
        // 遍历专辑列表
        for (var job of MyjobList) {
            // 针对每个专辑创建 html
            // var html = "<li>" + album.name + "</li>";
            // JS 中的模板字符串，使用反引号(键盘上波浪线的按键) `
            //var html = `<li>${album.name}</li>`
            var html = `<table width="1004" border="0" align="center" cellpadding="1" cellspacing="10" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
    <tr>
        <td align="center" valign="top" bgcolor="#FFFFFF" class="bg_qc">
            <table width="100%" height="27" border="0" cellpadding="8" cellspacing="0" bgcolor="#F6F6F6">
            </table>
            <table width="95%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td align="left">
                        <div class="z" id="z">
                            <table width="99%" border="0" cellpadding="5" cellspacing="1" bgcolor="#E0EDB7">
                                <tr>
                                    <td height="30" colspan="9" align="left" background="themes/nzblue/images/nzcms/list_bg.gif" class="white14B">我的求职申请</td>
                                </tr>
                                <tr>
                                    <td align="center" bgcolor="#FFFFFF">序号</td>
                                    <td align="center" bgcolor="#FFFFFF">招聘标题</td>
                                    <td align="center" bgcolor="#FFFFFF">招聘类型</td>
                                    <td align="center" bgcolor="#FFFFFF">管理</td>
                                </tr>
                                    <tr align="center" bgcolor="#FFFFFF">
                                        <td class="center">${i++}</td>
                                        <td class="center">${job.title}</td>
                                        <td class="center">${job.type}</td>
                                        <td class="center"><a href="/api/delete.json?jid=${job.jid}"
                                        onclick="{if(confirm('确定要删除吗?')){return true;}return false;}" title="删除"><i class="Hui-iconfont">删除</i></a>
                                        </td>
                                    </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
            <table height="20" border="0" cellpadding="0" cellspacing="0">
            </table>
        </td>
    </tr>
</table>
</body>`

            olElement.innerHTML += html
        }
    }

    // 先从 url 中的 query string 部分，获取 keyword 参数

    var url = "/api/my-job-list.json"

    ajax("get", url, onResult)
}

// window 的 load 事件发生时，执行 main 方法
// 浏览器把所有的资源都加载到位时，window 的 load 事件就会发生
// 白话：当浏览器把所有的资源都加载到位时，再去执行我们的 main 函数
window.addEventListener("load", main)